<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<meta charset="utf-8">
	<title>
		
	</title>
	<link href="plantilla_files/stilo.css" rel="stylesheet" type="text/css">
	<link href="plantilla_files/jquery-ui-1.css" rel="stylesheet" type="text/css">
	<script type="text/javascript" src="plantilla_files/jquery-1.js"> </script>
	<script type="text/javascript" src="plantilla_files/jquery-ui-1.js"> </script>

<!-- ********** Funciones Jquery *************** -->

	<script>
		$(function() {
			$( "#pestañas" ).tabs();
		});

		$(function() {
			$( ".acordion" ).accordion({ 
				collapsible: true,
				heightStyle: "content" 
			});
		});
	</script>
<!--**** Cargar el archivo html en el espacio de trabajo **** -->
	 <script type="application/javascript">
            $(document).ready(function() {
            $("#opcion1").click(function() { //Id del boton (o enlace)
            $.ajax({
                url : "test.html",
                dataType: "text",
                success : function (data) {
                        $("#contenido").html(data); //Id del contenedor para mostrar el archivo
                }
              });
       });
});
</script>

</head>
<body>
	<div id="encabezado">
		<div id="notificaciones">
			<p>IML</p>
			<div class="bloque" id="notificacion-usuario">
				<div id="notificacion-usuario-foto">
					<img src="plantilla_files/foto.jpeg" alt="usuario logueado">
				</div>
				<div id="notificacion-usuario-datos">
					<div id="notificacion-usuario-datos-saludo">
						<p>Bienvenido</p>
					</div>
					<div id="notificacion-usuario-datos-nombre">
						<p>Daniel Martinez</p>
					</div>
				</div>

			</div>
			<div class="bloque" id="notificacion-peritaje">
				<div id="notificacion-peritaje-aviso">
					<p>3</p>
				</div>
			</div>
			<div class="bloque" id="notificacion-otros">
				<div id="notificacion-otros-aviso">
					<p>3</p>
				</div>
			</div>
		</div>
		<div id="titulo">
		</div>
	</div>

	<div id="contenedor">
		<div id="cuerpo">
			<div id="menu">
				<div class="ui-tabs ui-widget ui-widget-content ui-corner-all" id="pestañas" style="border-top-right-radius: 7px;">
					<ul role="tablist" class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
						<li aria-selected="true" aria-labelledby="ui-id-1" aria-controls="tabs-1" tabindex="0" role="tab" class="ui-state-default ui-corner-top ui-tabs-active ui-state-active" style="border-top-right-radius:7px;border-top-left-radius:7px;"><a id="ui-id-1" tabindex="-1" role="presentation" href="#tabs-1" class="tab-gestion ui-tabs-anchor"> &nbsp; </a></li>
						<li aria-selected="false" aria-labelledby="ui-id-2" aria-controls="tabs-2" tabindex="-1" role="tab" class="ui-state-default ui-corner-top" style="border-top-right-radius:7px;border-top-left-radius:7px;"><a id="ui-id-2" tabindex="-1" role="presentation" href="#tabs-2" class="tab-buscar ui-tabs-anchor"> &nbsp; </a></li>
						<li aria-selected="false" aria-labelledby="ui-id-3" aria-controls="tabs-3" tabindex="-1" role="tab" class="ui-state-default ui-corner-top" style="border-top-right-radius:7px;border-top-left-radius:7px;"><a id="ui-id-3" tabindex="-1" role="presentation" href="#tabs-3" class="tab-grafico ui-tabs-anchor">&nbsp;</a></li>
					</ul>
					<div aria-hidden="false" aria-expanded="true" role="tabpanel" class="ui-tabs-panel ui-widget-content ui-corner-bottom" aria-labelledby="ui-id-1" id="tabs-1">
						<div role="tablist" class="acordion ui-accordion ui-widget ui-helper-reset">
							<h3 tabindex="0" aria-expanded="true" aria-selected="true" aria-controls="ui-accordion-1-panel-0" id="ui-accordion-1-header-0" role="tab" class="ui-accordion-header ui-helper-reset ui-state-default ui-accordion-header-active ui-state-active ui-corner-top ui-accordion-icons"><span class="ui-accordion-header-icon ui-icon ui-icon-triangle-1-s"></span>Seccion 1</h3>
							<div aria-hidden="false" role="tabpanel" aria-labelledby="ui-accordion-1-header-0" id="ui-accordion-1-panel-0" style="display: block;" class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active">
								<span id="opcion1" class="opcion">opcion1</span>
								<span class="opcion">opcion2</span>
								<span class="opcion">opcion3</span>
							</div>
							<h3 tabindex="-1" aria-expanded="false" aria-selected="false" aria-controls="ui-accordion-1-panel-1" id="ui-accordion-1-header-1" role="tab" class="ui-accordion-header ui-helper-reset ui-state-default ui-corner-all ui-accordion-icons"><span class="ui-accordion-header-icon ui-icon ui-icon-triangle-1-e"></span>Seccion 2</h3>
							<div aria-hidden="true" role="tabpanel" aria-labelledby="ui-accordion-1-header-1" id="ui-accordion-1-panel-1" style="display: none;" class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom">
								<span class="opcion">opcion4</span>
								<span class="opcion">opcion5</span>
								<span class="opcion">opcion6</span>
							</div>
							<h3 tabindex="-1" aria-expanded="false" aria-selected="false" aria-controls="ui-accordion-1-panel-2" id="ui-accordion-1-header-2" role="tab" class="ui-accordion-header ui-helper-reset ui-state-default ui-corner-all ui-accordion-icons"><span class="ui-accordion-header-icon ui-icon ui-icon-triangle-1-e"></span>Seccion 3</h3>
							<div aria-hidden="true" role="tabpanel" aria-labelledby="ui-accordion-1-header-2" id="ui-accordion-1-panel-2" style="display: none;" class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom">
								<span class="opcion">opcion7</span>
								<span class="opcion">opcion8</span>
								<span class="opcion">opcion9</span>
							</div>
						</div>
					</div>
					<div aria-hidden="true" aria-expanded="false" style="display: none;" role="tabpanel" class="ui-tabs-panel ui-widget-content ui-corner-bottom" aria-labelledby="ui-id-2" id="tabs-2">
						<div role="tablist" class="acordion ui-accordion ui-widget ui-helper-reset">
							<h3 tabindex="0" aria-expanded="true" aria-selected="true" aria-controls="ui-accordion-2-panel-0" id="ui-accordion-2-header-0" role="tab" class="ui-accordion-header ui-helper-reset ui-state-default ui-accordion-header-active ui-state-active ui-corner-top ui-accordion-icons"><span class="ui-accordion-header-icon ui-icon ui-icon-triangle-1-s"></span>Seccion 1</h3>
							<div aria-hidden="false" role="tabpanel" aria-labelledby="ui-accordion-2-header-0" id="ui-accordion-2-panel-0" style="display: block;" class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active">
								<span class="opcion">opcion1</span>
								<span class="opcion">opcion2</span>
								<span class="opcion">opcion3</span>
							</div>
							<h3 tabindex="-1" aria-expanded="false" aria-selected="false" aria-controls="ui-accordion-2-panel-1" id="ui-accordion-2-header-1" role="tab" class="ui-accordion-header ui-helper-reset ui-state-default ui-corner-all ui-accordion-icons"><span class="ui-accordion-header-icon ui-icon ui-icon-triangle-1-e"></span>Seccion 2</h3>
							<div aria-hidden="true" role="tabpanel" aria-labelledby="ui-accordion-2-header-1" id="ui-accordion-2-panel-1" style="display: none;" class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom">
								<span class="opcion">opcion4</span>
								<span class="opcion">opcion5</span>
								<span class="opcion">opcion6</span>
							</div>
							<h3 tabindex="-1" aria-expanded="false" aria-selected="false" aria-controls="ui-accordion-2-panel-2" id="ui-accordion-2-header-2" role="tab" class="ui-accordion-header ui-helper-reset ui-state-default ui-corner-all ui-accordion-icons"><span class="ui-accordion-header-icon ui-icon ui-icon-triangle-1-e"></span>Seccion 3</h3>
							<div aria-hidden="true" role="tabpanel" aria-labelledby="ui-accordion-2-header-2" id="ui-accordion-2-panel-2" style="display: none;" class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom">
								<span class="opcion">opcion7</span>
								<span class="opcion">opcion8</span>
								<span class="opcion">opcion9</span>
							</div>
						</div>
					</div>
					<div aria-hidden="true" aria-expanded="false" style="display: none;" role="tabpanel" class="ui-tabs-panel ui-widget-content ui-corner-bottom" aria-labelledby="ui-id-3" id="tabs-3">
						<div role="tablist" class="acordion ui-accordion ui-widget ui-helper-reset">
							<h3 tabindex="0" aria-expanded="true" aria-selected="true" aria-controls="ui-accordion-3-panel-0" id="ui-accordion-3-header-0" role="tab" class="ui-accordion-header ui-helper-reset ui-state-default ui-accordion-header-active ui-state-active ui-corner-top ui-accordion-icons"><span class="ui-accordion-header-icon ui-icon ui-icon-triangle-1-s"></span>Seccion 1</h3>
							<div aria-hidden="false" role="tabpanel" aria-labelledby="ui-accordion-3-header-0" id="ui-accordion-3-panel-0" style="display: block;" class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active">
								<span class="opcion">opcion1</span>
								<span class="opcion">opcion2</span>
								<span class="opcion">opcion3</span>
							</div>
							<h3 tabindex="-1" aria-expanded="false" aria-selected="false" aria-controls="ui-accordion-3-panel-1" id="ui-accordion-3-header-1" role="tab" class="ui-accordion-header ui-helper-reset ui-state-default ui-corner-all ui-accordion-icons"><span class="ui-accordion-header-icon ui-icon ui-icon-triangle-1-e"></span>Seccion 2</h3>
							<div aria-hidden="true" role="tabpanel" aria-labelledby="ui-accordion-3-header-1" id="ui-accordion-3-panel-1" style="display: none;" class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom">
								<span class="opcion">opcion4</span>
								<span class="opcion">opcion5</span>
								<span class="opcion">opcion6</span>
							</div>
							<h3 tabindex="-1" aria-expanded="false" aria-selected="false" aria-controls="ui-accordion-3-panel-2" id="ui-accordion-3-header-2" role="tab" class="ui-accordion-header ui-helper-reset ui-state-default ui-corner-all ui-accordion-icons"><span class="ui-accordion-header-icon ui-icon ui-icon-triangle-1-e"></span>Seccion 3</h3>
							<div aria-hidden="true" role="tabpanel" aria-labelledby="ui-accordion-3-header-2" id="ui-accordion-3-panel-2" style="display: none;" class="ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom">
								<span class="opcion">opcion7</span>
								<span class="opcion">opcion8</span>
								<span class="opcion">opcion9</span>
							</div>
						</div>
					</div> 
				</div> <!-- Div pestañas -->
			</div>
			<div id="contenido">
				<div id="caja">
					<div id="caja-menu">
					</div>
				</div>
			</div>
		</div>

		<footer>
		</footer>
	</div>


</body></html>